<template>
  <view class="rule-modal">
    <image class="main-close" @click="handleClose()" src="@/static/关闭.png" mode="widthFix"></image>
    <view class="main-body">
      <view class="body-content">
        <h2>活动规则</h2>
        <h4>一、活动时间：</h4>
        <view>2022年5月30日 - 2022年12月31日</view>
        <h4>二、活动对象：</h4>
        <view>广东省联通移网用户</view>
        <h4>三、活动内容：</h4>
        <view>活动期间，符合条件的用户首次进入商品页面可免费领取1个夺宝码参与活动，用户也可以通过定向积分兑换夺宝码，最多能兑换4个。等该商品开奖时间到后，用户可查看夺宝码中奖情况。</view>
        <h4>四、活动细则：</h4>
        <view>(1)	参与条件：广东省联通移网用户</view>
        <view>(2)	夺宝码获取方式：</view>
        <view>每个用户每个奖品最多能获得5个夺宝码，夺宝码有效的兑换时间为开奖时间前10分钟截止。</view>
        <view style="text-indent: 2em;">① 免费领取：用户参与每个奖品夺宝时可免费领取一个夺宝码</view>
        <view style="text-indent: 2em;">② 使用定向积分兑换：用户可以使用定向积分最多兑换4个夺宝码，夺宝码兑换消耗的定向积分以每个奖品设置为准；用户可以通过做任务去赚取定向积分；</view>
        <view style="text-indent: 2em;">③ 活动期间当月新入网用户可免费领取一次500积分，用户进入夺宝奖品详情页即可领取。</view>
        <strong>(3)	开奖说明：</strong>
        <view style="text-indent: 2em;">① 开奖时间：开奖日中午12点开奖，开奖后的奖品在活动页面展示至当天24点，后期可在我的夺宝记录或往期夺宝进行查看</view>
        <view style="text-indent: 2em;">② 开奖数量：每个夺宝奖品的开奖数量以页面为准</view>
        <view style="text-indent: 2em;">③ 开奖规则：每个奖品每场夺宝每人只能中奖一次</view>
        <h4>五、其他说明</h4>
        <view style="text-indent: 2em;">中国联通APP可在法律规定允许范围内对活动规则进行变更或调整，相关变更或调整将公布在活动页面上； 活动开展期间不得使用任何外挂、插件以及其他破坏活动规则、违背活动公平原则的方式参与活动，不得作弊，否则中国联通APP有权取消用户参与活动资格，对利用违规行为获取奖品进行撤销（如实物、优惠券、奖励积分等），必要时取消后续参与中国联通APP任何活动的权利，并追究法律责任。</view>
        <view style="text-indent: 2em;">如遇因不可抗力造成的某奖品缺货，无货导致无法按时发奖时，系统将自动匹配相似品类，相似价值奖品按时发奖。</view>
      </view>
    </view>
  </view>
</template>

<script>
export default {
  name: '',
  data() {
    return {};
  },
  methods:{
    handleClose(){
      this.$emit('on-close')
    }
  }
};
</script>

<style scoped lang="less">
  .rule-modal{
    width: 90vw;
    text-align: right;
    .main-close{
      width: 60rpx;
    }
    .main-body{
      padding: 40rpx 50rpx;
      background: #fff;
      border-radius: 30rpx;
      margin-top: 20rpx;
      h2{
        text-align: center;
        font-size: 40rpx;
        margin-bottom: 26rpx;
      }
      .body-content{
        height: 900rpx;
        overflow-y: auto;
        text-align: left;
        font-size: 24rpx;
        &::-webkit-scrollbar {
          /*滚动条整体样式*/
          width: 0;
          /*高宽分别对应横竖滚动条的尺寸*/
          height: 1px;
        }

        &::-webkit-scrollbar-thumb {
          /*滚动条里面小方块*/
          border-radius: 10px;
          box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.1);
          background: #c4c4c4;
        }
        h4{
          font-size: 28rpx;
          margin: 10rpx 0;
        }
        span{
          font-weight: 400;
          font-size: 24rpx;
        }
        .red{
          color: #f00;
        }
      }
    }
  }
</style>
